*{
	font-size: 16px;
	background-color: #000000;
	color: white;
	input,fieldset,select{
	border: solid 1px grey;
	margin-bottom: 5px;
	}


fieldset{
	max-width:  370px;
}

select {
	width: 100%;
}

textarea{
	width: 100%;
	height: 3
}

.knop{width: 100%; font-weight: bolder; color: #343eff}
.half{width: 47%}
.third{width: 27%;}
.w30{width: 30px;}
.w60{width: 60px;}
.w70{width: 68px;}
.w80{width: 80px;}
.w112{width: 112px;}
.w124{width: 124px;}
.w275{width: 275px;}
.w320{width: 320px;}
.w360{width: 360px;}



@media screen and (max-width: 600px) {
*{font-size:18px; border-box;}
body{width: 95%;}

fieldset{
	/*width: 95%;*/
}

select,input		{width: 100%;	height: 35px; margin-bottom: 5px;}
input[type=time]	{width: 37%;	height: 35px;}
input[type=date]	{width: 57%;	height: 35px;}
input[type=submit]	{height: 45px;}
input[type=checkbox]{width: 30px;	height: 30px;}
input[type=radio]	{width:40%;		height: 20px;}
input.third			{width: 29%;	height: 35px;}
input.location		{width: 100%;	height: 35px;}


.w30				{width:11%;}
.w70				{width:26%;}	
.w124 				{width:66%; margin-left: 1%;}
textarea			{height: 120px}

.radioButton		{font-size: 18px;}
/*header				{margin-bottom: 40px;}
footer				{position: fixed;bottom: 0}*/
#menu  li{
	display: inline-block;	
	margin: 15px 0px 0px 0;
	color: white;
	text-decoration: none;
}
#menu li a img {width: 35px; height:35px}
}



/*
@media screen and (min-width: 601px) {
  body {
    background-color: lightblue;
  }
}

@media screen and (min-width: 800px) {
  body {
    background-color: lavender;
  }
}*/